﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="SanPhamChiTiet.aspx.cs" Inherits="SES.CMS.SanPhamChiTiet" Title="Văn phòng phẩm " %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Src="Module/ucBreadcrumb.ascx" TagName="ucBreadcrumb" TagPrefix="uc1" %>
<%@ Register Src="Module/ucTag.ascx" TagName="ucTag" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
   
    <style type="text/css">
        .MyTabStyle .ajax__tab_header
        {
            font-family: Arial, Tahoma;
            font-size: 12px;
            display: block;
            cursor: pointer;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            border: solid 1px #d7d7d7;
            box-radius: 2px;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            background-color: #E1E1F7;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: Arial,Tahoma,helvetica;
            font-size: 12px;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            padding-left: 10px;
            padding-top: 10px;
        }
    </style>
    <style type="text/css">
        h3
        {
            margin: 0;
            padding: 0;
            font-size: 12px;
        }
        .product-images
        {
            float: left;
            width: 280px;
            height: 240px;
            border: 1px solid #ccc;
            border-right: 1px solid #ccc;
            margin: 5px;
            text-align: center;
        }
        .product-images img
        {
            max-width: 280px;
            max-height: 240px;
            vertical-align: middle;
        }
        #dProductDetail
        {
            width: 100%;
            height: auto;
            margin: 3px;
            overflow: hidden;
            margin-bottom: 25px;
        }
        .product-detail-content
        {
            width: 400px;
            height: 200px;
            float: left;
            padding-left: 10px;
        }
        #product-detail-title
        {
        }
        .h3pDetail
        {
            margin: 0;
            padding: 0;
            font-size: 1.5em;
            font-weight: bold;
            font-family: Arial;
        }
        .hr-border
        {
            width: 100%;
            border-top: 1px dotted #0098D8;
            margin: 5px 0;
            margin-top: 6px;
        }
        .hrDetail hr
        {
            box-shadow: 1px 1px 1px #ccc;
            border: 1px dotted #000;
        }

        .product-detail-row
        {
            margin-bottom: 5px;
            width: 300px;
            overflow: hidden;
        }
        .product-detail-button
        {
            padding-top: 10px;
        }
        .l-pro-det-row
        {
            width: 100px;
            float: left;
            color: #555;
            font-weight: bold;
        }
        .r-pro-det-row
        {
            width: 190px;
            float: left;
            color: #666;
            font-weight: bolder;
        }
        .product-detail-price
        {
            color: Red;
            font-weight: bold;
        }
        .hpl
        {
            color: #666;
        }
        .product-detail-other
        {
        position:absolute;
        top:425px;
        float:left;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="dProductDetail">
        <div>
            <div class="product-images">
                <asp:Label ID="ln" runat="server"></asp:Label>
            </div>
            <div class="product-detail-content">
                <div id="product-detail-title">
                    <h3 class="h3pDetail">
                        <asp:Label runat="server" Text="" ID="lblTenSP"></asp:Label></h3>
                    <div class="hr-border">
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Mã sản phẩm</div>
                        <div class="r-pro-det-row">
                            <asp:Label runat="server" Text="" ID="lblMaSP"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Loại sản phẩm</div>
                        <div class="r-pro-det-row">
                            <asp:HyperLink runat="server" Text="" ID="hplLoaiSP" CssClass="hpl"></asp:HyperLink>
                            <%--<asp:Label runat="server" Text="" ID="lblLoaiSP"> </asp:Label>--%>
                        </div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            <asp:Label runat="server" ID="lblNhanHieuXuatXu" Text=""></asp:Label></div>
                        <div class="r-pro-det-row">
                            <asp:HyperLink runat="server" Text="" ID="hplNhanHieu" CssClass="hpl"></asp:HyperLink>
                            <asp:Label runat="server" Text="" ID="lblXuatXu" Visible="false"></asp:Label>
                            </div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Đơn giá</div>
                        <div class="r-pro-det-row product-detail-price">
                            <asp:Label runat="server" Text="" ID="lblDonGia"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Giảm giá</div>
                        <div class="r-pro-det-row product-detail-price">
                            <asp:Label runat="server" Text="" ID="lblGiamGia"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Đơn vị tính:
                        </div>
                        <div class="r-pro-det-row">
                            <asp:Label runat="server" Text="" ID="lbDonVi"> </asp:Label></div>
                    </div>
                    <%--<hr />--%>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Từ khóa</div>
                        <div class="r-pro-det-row product-detail-keyword">
                            <uc2:ucTag ID="ucTag1" runat="server" />
                            </asp:Label></div>
                    </div>
                    <%--    <hr />--%>
                    <div class="hr-border">
                    </div>
                    <div class="product-detail-row product-detail-other" >
                        <div class="l-pro-det-row product-detail-button">
                            <asp:ImageButton runat="server" ImageUrl="~/images/addtocart.png" ID="lbtnAddToCart"
                                Width="80px" Height="25px" OnClick="lbtnAddToCart_Click" />
                        </div>
                        <div class="r-pro-det-row product-detail-button">
                            <div style="padding-top: 5px;">
                                <iframe runat="server" id="abc" scrolling="no" frameborder="0" style="margin-bottom: 2px;
                                    float: left; border: none; overflow: hidden; width: 75px; height: 24px;" allowtransparency="true">
                                </iframe>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplFacebook" NavigateUrl="http://www.facebook.com/sharer.php?u="><img alt="Chia sẻ thông tin này lên Facebook" src="/images/facebook.png" /></asp:HyperLink>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplGoogle" NavigateUrl="https://plusone.google.com/_/+1/confirm?hl=en&url="><img alt="Chia sẻ lên Google Plus" src="/images/google.png" /></asp:HyperLink>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplTwitter" NavigateUrl="http://twitter.com/home/?status="><img alt="Chia sẻ thông tin này lên Twitter" src="/images/twitter.png" /></asp:HyperLink>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-detail-tabcontainer">
        <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" CssClass="MyTabStyle">
            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Mô tả chi tiết">
                <ContentTemplate>
                    <asp:Label runat="server" ID="lblThongTinChiTiet" Text=""></asp:Label>
                </ContentTemplate>
            </cc1:TabPanel>
            <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Đánh giá người dùng">
                <ContentTemplate>
                    <div class="fb-comments" id="fbcm" runat="server" data-num-posts="10" data-width="700">
                    </div>
                </ContentTemplate>
            </cc1:TabPanel>
            <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Bảo hành">
                <ContentTemplate>
                    <asp:Label runat="server" ID="lblBaoHanh" Text=""></asp:Label>
                </ContentTemplate>
            </cc1:TabPanel>
        </cc1:TabContainer>
        <br />
    </div>
    <hr />
    <div id="dRelevantProduct">
        <h3 class="h3Detail">
            Quý Khách hàng cũng có thể chọn mua sản phẩm tương tự dưới đây:</h3>
        <asp:Repeater ID="rpt" runat="server" OnItemCommand="rpt_ItemCommand">
            <ItemTemplate>
                <div class="product-box">
                    <div class="product-img">
                        <a href="<%#"/SanPhamChiTiet/"+Eval("SanPhamID")+"/"+FriendlyUrl(Eval("TenSanPham").ToString())%>">
                            <img src="/Media/<%#Eval("HinhAnh")%>" /></a>
                        <asp:Button CommandArgument='<%#Eval("SanPhamID")%>' runat="server" ID="btDatMua"
                            Text="ĐẶT MUA" Width="90px" BorderWidth="0px" CssClass="btn" Height="25px" BackColor="#009345" />
                    </div>
                    <div class="product-detail">
                        <div style="float: left; width: 120px; height: 95px;">
                            <a href="<%#"/SanPhamChiTiet/"+Eval("SanPhamID")+"/"+FriendlyUrl(Eval("TenSanPham").ToString())%>">
                                <%#Eval("TenSanPham")%></a>
                            <div class="dMota">
                                <%#Eval("Mota")%></div>
                        </div>
                        <div style="float: left; color: #c20b47; font-size: 12px; font-weight: bold; text-transform: uppercase">
                            Giá:
                            <%#Eval("DonGia","{0:0,0}")%>
                            VNĐ
                        </div>
                    </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
    <div style="width: 100%; float: left; margin-top: 10px;">
        <div style="float: left;">
            <asp:ImageButton ID="cmdPrev" Visible="false" OnClick="cmdPrev_Click" runat="server"
                ImageUrl="~/images/prevpage.png" /></div>
        <div style="float: right;">
            <asp:ImageButton ID="cmdNext" Visible="false" OnClick="cmdNext_Click" runat="server"
                ImageUrl="~/images/nextpage.png" /></div>
    </div>
</asp:Content>
